草庐IT

javascript - X 秒后执行 JavaScript

全部标签

javascript - 如何在 Webpack 和 Sass 中使用 spriting?

我正在将我的构建系统从带有自定义任务的Grunt转移到Webpack。至于JavaScript模块,它工作得很好,但我不太确定如何处理我的Sass样式表。我在我的AMD模块中依赖于Sass文件,Webpack可以从中读取并生成bundle.css。但理想情况下,我希望我的构建管道使用spritesmith生成sprite,然后将图像复制到构建目录并使用Sassmixins生成正确的CSS规则。我在SO和Google上对此进行了很多研究,但还没有发现任何人在做类似的情况。我应该只使用webpack吗?或者我是否应该有单独的Grunt任务来观看图像、生成Sprite然后在其上运行Webpa

javascript - Angular JS 飞行购物车动画指令

目前,我正在尝试创建一个Angular指令,为“飞行购物车”设置动画。我发现了很多使用jQuery的解决方案,但没有一个是在纯Angular指令中完成的。我想实现的jQuery飞行推车演示在这里...原始jQueryFlyingCartCodepen:http://codepen.io/ElmahdiMahmoud/pen/tEeDn我对Angular指令没有那么丰富的经验,无法确切地知道如何实现这一点。我已经开始了自己的Codepen,希望弄清楚它,但我无法理解需要发生什么以及如何发生。我目前的代码笔:http://codepen.io/anon/pen/emKoov?editors

javascript - three.js透明物体遮挡

在three.js场景中,我希望有一个不可见的对象,但仍然遮挡场景中的其他对象,就好像它是可见的一样。three.js库可以做到这一点吗?这是一个例子:假设我有一个包含3个对象的three.js场景:对象a、对象b和对象c以及一个相机。我希望对象c对相机不可见,但仍然遮挡对象b...场景1:在场景1中,这是我希望相机看到的内容:场景2:在场景2中,这是我希望相机看到的内容:谁能告诉我使用一种技术来达到这样的效果? 最佳答案 是的,在three.js中你可以创建一个不可见的对象,但仍然像可见一样遮挡其他对象。为此,您需要使用three

javascript - html5视频结束时调用AngularJS Controller 函数

我的应用主页上有一段视频,当我启动它时会播放。当视频结束时,我想使用一些CSS3过渡来移动页面。在视频的结尾,我希望能够调用一个angularJSController函数。'usestrict';angular.module('app',['ionic']).config(function($stateProvider,$urlRouterProvider){$stateProvider.state('home',{url:"/home",templateUrl:'views/home.html',controller:'homeCtrlasctrl'}).state('project

javascript - react .js : How do you change the position of a Component item

如何在React中更改组件项的位置?除非我误解了,否则React按key排序列表项,在DOM中用data-reactid表示,但我不知道如何修改页面组件的key即您如何获取组件,更改它的key,然后触发渲染,以便重新排序的列表按照您设置的顺序呈现?例如在下面的代码示例中,当单击Clickme链接时,第一个列表项将与最后一个列表项交换。理想情况下,此功能允许您动态重新排序/重新定位页面上的任何组件,而无需更改render方法中组件的顺序。这是完整项目所在的存储库的链接:https://github.com/bengrunfeld/gae-react-flux-todosvarTodoBo

javascript - 是否可以将点击事件附加到文档片段?

我尝试过的://creatingelementsvarcontainer=document.createDocumentFragment();varheadline=document.createElement('h1');headline.innerHTML='Thisisaheadline.';//attachingtoDOMcontainer.appendChild(headline);document.body.appendChild(container);//attachingclickeventcontainer.addEventListener('click',funct

javascript - $scope.$watch in Angular 在 Ionic/Cordova 中不起作用

我正在使用IonicFramework构建应用程序我现在想为此创建一些开关(基本上是花哨的复选框)。当有人按下开关时,我想将其发送到服务器,因此我首先trycatch开关更改事件。在基本的Angular安装中,我在html()和$watch中使用一个简单的复选框进行了尝试。在我的Controller中像这样:$scope.$watch('theswitch',function(){console.log('theswitchchanged');if($scope.boel){console.log('theswitchisTRUE');}else{console.log('theswi

javascript - 使用 D3.min 找到非 0 的最低值

我正在尝试使用D3查找数据集中的最低值。但是,我也有值为0的值,但我希望D3找到不为0的最低值。目前我正在使用:d3.min(data,function(d){returnd.houseValues;})但很明显,当找到0时,有时会返回0。有没有办法做到这一点?或者是使用if语句构建普通for循环以忽略0值的唯一解决方案......?谢谢! 最佳答案 您可以使用常量Infinity,因为Math.min(Infinity,someNumber)总是返回someNumber(除非someNumber也是无穷大)。所以它看起来像这样:s

javascript - 如何通过 jQuery 和 Ajax 将 Google 表单数据发布到电子表格

我正在开发一个Chrome扩展程序,它本质上是一个简单的自定义Google表单,它将发布到响应电子表格中。我获得了以下功能,仅成功发送和填充数据一次,但再也不会:functionpostFormToGoogle(){vartimeOne=$("#time1hour").val();vartimeTwo=$('#time2hour').val();vartimeThree=$('#time3hour').val();$.ajax({url:"https://docs.google.com/forms/d/FORMKEY/formResponse",beforeSend:function(

javascript - Angular - 错误 : 10 $digest() iterations reached. 中止

我试图在我的ng-src路径中放置一个随机整数,就像这样:这是我在Controller中的基本功能:$scope.randomPicture=function(){varPATH='assets/images/';varimage=Math.floor((Math.random()*12)+1);varext='.jpg';varrandomPic=PATH+image+ext;returnrandomPic;};图像已显示,但在控制台中出现此错误:Error:[$rootScope:infdig]10$digest()iterationsreached.Aborting!我在stac